<%--
  Created by IntelliJ IDEA.
  User: aiwzy
  Date: 2022/4/18
  Time: 16:43
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>创建发布菜谱</title>

    <link rel="stylesheet" href="css/me.css" type="text/css">
    <link rel="stylesheet" href="css/head.css" type="text/css">
</head>
<body>
<div class="head">
    <ul class="u1">
        <li><a href="index.jsp" >美食天下 首页</a></li>
        <li><a href="dish.jsp">菜谱</a></li>
        <li><a href="cook.jsp">食材</a></li>
        <li><a href="#">专题</a></li>
        <li><a href="#">笔记</a></li>
        <li><a href="#">社区</a></li>
        <li><a href="#">活动</a></li>
        <li><a href="#">搜索</a></li>
    </ul>
    <a class="nr" href="#"><img src="image/nr3.png" style="width: 18px;height: 18px;margin-top: 5px;"/><br/>客户端</a>
    <ul class="u2" style=" position: fixed;
    right: 68px;
    top: -16px;margin-right: 4px">
        <li class="pic">
            <img src="
        <c:if test="${!sessionScope.user.avatar.equals('')}">
        ${sessionScope.user.avatar}
        </c:if>
        <c:if test="${!sessionScope.user.avatar.equals('')}">
        https://tse2-mm.cn.bing.net/th/id/OIP-C.Z8cO0OriANaUVakbQ6n0BwAAAA?w=153&h=165&c=7&r=0&o=5&dpr=1.65&pid=1.7
        </c:if>
" onclick="jump()" style="width: 35px;height: 35px; border-radius: 45%;cursor: pointer" >
            <script src="js/jquery-3.2.1.min.js"></script>
            <script type="text/javascript">
                function jump(){
                    var src = $("img")[0].src;
                    $.ajax({
                        url:http_request+"/member.jsp",
                        data:{
                            img:src
                        },
                        dataType:"text",
                        success:function (){
                            alert("欢迎来到个人中心！")
                            window.location.href=http_request+"/member.jsp"
                        },
                        error:function (){
                            alert("个人中心跳转失败！")
                        }
                    })
                }
            </script>

        </li>
        <li class="l2">
            <div class="d1" >
                <a href="login.jsp" >登录/注册</a>
            </div>

        </li>
        <li class="l1" style="margin-top: 4px"><div><a href="makeCook.jsp"><img src="image/nr1.png" style="width: 18px;height: 18px;margin-top: 5px;margin-right: 2px;"/><br/>发布</a></div></li>
        <li class="l1" style="margin-top: 4px"><div><a href="#"><img src="image/nr2.png" style="width: 18px;height: 18px;margin-top: 5px;margin-right: 2px"/><br/>签到有礼</a></div></li>
    </ul>
</div>
<!-- 主框架 -->
<div>

    <div class="mod_left">
        <div class="menu_wrap">
            <dl>
                <dt >
                    <a  href="member.jsp">会员<br>中心</a>
                </dt>
                <dt >
                    <a class=on href="myCook.jsp">菜谱</a>
                </dt>

                <dt >
                    <a  href="#">话题</a>
                </dt >
                <dt >
                    <a   href="#">日志</a>
                </dt>
                <dt >
                    <a  href="index.jsp">菜单</a>
                </dt>
                <dt >
                    <a  href="#">收藏</a>
                </dt>
                <dt >
                    <a  href="#">账户<br>设置</a>
                </dt>
            </dl>
        </div>

    </div>

    <!-- 右侧 -->
    <div class="mod_right">

        <div id="mod_location">
            <div class="mod_location clear">

                <div class="left">
                    <a href="https://member.meishichina.com/center/my_recipe_me/" title="回到我的菜谱" class="return"> </a>
                    编辑菜谱</div>



            </div>
        </div>



        <div class="mr_edit mr_edit_center clear">
            <ul>

                <li class="low_tip">您的浏览器版本太低，无法使用新版菜谱编辑器，请升级。 <a href="https://member.meishichina.com/center.php?ac=center&op=editrecipe_old&id=627594" target="_blank">点击进入老版编辑页</a></li>

                <li>
                    <label class="must">菜谱名称</label><br>
                    <input name="subject" class="inputL" type="text" value="不二家棒棒糖">
                </li>

                <li>
                    <label class="must">成品图片（最多9张）</label><br>

                    <div class="J_upload">上传成品图
                        <input multiple class="J_img" id="J_m_cover" type="file" accept="image/png,image/gif,image/jpeg" name="file" onchange="fileChange(this)";>
                    </div>
                    <span class="img_status" id="multi_cover_status"> </span>

                    <div id="cover" class="clear">
                    </div>
                </li>

                <li>
                    <textarea class="autosize" name="message" maxlength="500" placeholder="请输入菜谱描述，最多输入500字"></textArea>
                </li>

                <li class="makedifficulty">
                    <label class="must">制作难度</label><br>
                    <input type="hidden" id="difficulty" name="level" value="0">
                    <div class="things_type1 clear difficulty">
                        <span data-value="1"  >简单</span>
                        <span data-value="2"  >初级</span>
                        <span data-value="3"  >中级</span>
                        <span data-value="4"  >高级</span>
                    </div>
                </li>
                <li class="needtime">
                    <label class="must">需要时间</label><br>
                    <input type="hidden" id="needtime" name="during" value="0">
                    <div class="things_type1 clear need_time">
                        <span data-value="1"  >十分钟</span>
                        <span data-value="2"  >廿分钟</span>
                        <span data-value="3"  >半小时</span>
                        <span data-value="4"  >三刻钟</span>
                        <span data-value="5"  >一小时</span>
                        <span data-value="6"  >数小时</span>
                        <span data-value="7"  >一天</span>
                        <span data-value="8"  >数天</span>
                    </div>
                </li>


                <li  class="options clear">
                    <label class="">口味，工艺与使用厨具</label><br>

                    <div class="options_box clear">
                        <div>
                            <input type="hidden" name="cuisine" value="0">
                            <a href="javascript:void(0);"><i></i></a>
                            <span title=""></span>
                            口味（必选）
                        </div>

                        <div>
                            <input type="hidden" name="technics" value="">
                            <a href="javascript:void(0);"><i></i></a>
                            <span title=""></span>
                            烹饪工艺
                        </div>



                        <div>
                            <input type="hidden" name="cookers" value="">
                            <a href="javascript:void(0);"><i></i></a>
                            <span title=""></span>
                            使用厨具
                        </div>
                    </div>

                    <div class="options_item clear">

                        <div>
                            <span data-value="1" >微辣</span>
                            <span data-value="2" >中辣</span>
                            <span data-value="3" >超辣</span>
                            <span data-value="4" >麻辣</span>
                            <span data-value="5" >酸辣</span>
                            <span data-value="6" >酸甜</span>
                            <span data-value="7" >酸咸</span>
                            <span data-value="8" >咸鲜</span>
                            <span data-value="9" >咸甜</span>
                            <span data-value="10" >甜味</span>
                            <span data-value="11" >苦味</span>
                            <span data-value="12" >原味</span>
                            <span data-value="13" >清淡</span>
                            <span data-value="14" >五香</span>
                            <span data-value="15" >鱼香</span>
                            <span data-value="16" >葱香</span>
                            <span data-value="17" >蒜香</span>
                            <span data-value="18" >奶香</span>
                            <span data-value="19" >酱香</span>
                            <span data-value="20" >糟香</span>
                            <span data-value="21" >咖喱</span>
                            <span data-value="22" >孜然</span>
                            <span data-value="23" >果味</span>
                            <span data-value="24" >香草</span>
                            <span data-value="25" >怪味</span>
                            <span data-value="26" >咸香</span>
                            <span data-value="27" >甜香</span>
                            <span data-value="28" >麻香</span>
                            <span data-value="29" >甜辣</span>
                            <span data-value="31" >香辣</span>
                            <span data-value="50" >其他</span>
                        </div>

                        <div>
                            <span data-value="1" >烧</span>
                            <span data-value="2" >炒</span>
                            <span data-value="3" >爆</span>
                            <span data-value="4" >焖</span>
                            <span data-value="5" >炖</span>
                            <span data-value="6" >蒸</span>
                            <span data-value="7" >煮</span>
                            <span data-value="8" >拌</span>
                            <span data-value="9" >烤</span>
                            <span data-value="10" >炸</span>
                            <span data-value="11" >烩</span>
                            <span data-value="12" >溜</span>
                            <span data-value="13" >氽</span>
                            <span data-value="14" >腌</span>
                            <span data-value="15" >卤</span>
                            <span data-value="16" >炝</span>
                            <span data-value="17" >煎</span>
                            <span data-value="18" >酥</span>
                            <span data-value="19" >扒</span>
                            <span data-value="20" >熏</span>
                            <span data-value="21" >煨</span>
                            <span data-value="22" >酱</span>
                            <span data-value="23" >烘焙</span>
                            <span data-value="24" >火锅</span>
                            <span data-value="25" >砂锅</span>
                            <span data-value="26" >拔丝</span>
                            <span data-value="27" >生鲜</span>
                            <span data-value="28" >调味</span>
                            <span data-value="29" >技巧</span>
                            <span data-value="30" >煲</span>
                            <span data-value="31" >烙</span>
                            <span data-value="32" >榨汁</span>
                            <span data-value="33" >冷冻</span>
                            <span data-value="34" >焗</span>
                            <span data-value="35" >焯</span>
                            <span data-value="36" >干煸</span>
                            <span data-value="37" >干锅</span>
                            <span data-value="38" >铁板</span>
                            <span data-value="39" >微波</span>
                            <span data-value="50" >其他</span>
                        </div>


                        <div>
                            <span data-value="1" >炒锅</span>
                            <span data-value="2" >煮锅</span>
                            <span data-value="3" >平底锅</span>
                            <span data-value="4" >蒸锅</span>
                            <span data-value="5" >不粘锅</span>
                            <span data-value="6" >烤箱</span>
                            <span data-value="7" >料理机</span>
                            <span data-value="8" >砂锅</span>
                            <span data-value="9" >汤锅</span>
                            <span data-value="10" >高压锅</span>
                            <span data-value="11" >电压力锅</span>
                            <span data-value="12" >电饭煲</span>
                            <span data-value="13" >焖烧锅</span>
                            <span data-value="14" >微波炉</span>
                            <span data-value="15" >搅拌机</span>
                            <span data-value="16" >豆浆机</span>
                            <span data-value="17" >电磁炉</span>
                            <span data-value="18" >烤炉</span>
                            <span data-value="19" >炖盅</span>
                            <span data-value="20" >瓦煲</span>
                            <span data-value="21" >电子瓦煲</span>
                            <span data-value="22" >面包机</span>
                            <span data-value="23" >吐司机</span>
                            <span data-value="24" >酸奶机</span>
                            <span data-value="25" >咖啡机</span>
                            <span data-value="26" >打蛋器</span>
                            <span data-value="27" >调酒器</span>
                            <span data-value="28" >果冻模</span>
                            <span data-value="29" >奶泡机</span>
                            <span data-value="30" >模具锅</span>
                            <span data-value="31" >电饼铛</span>
                            <span data-value="32" >空气炸锅</span>
                            <span data-value="33" >榨汁机</span>
                            <span data-value="34" >厨师机</span>
                            <span data-value="35" >破壁机</span>
                            <span data-value="36" >养生壶</span>
                            <span data-value="37" >烧烤架/炉</span>
                            <span data-value="38" >光波炉</span>
                            <span data-value="39" >铁板</span>
                            <span data-value="40" >干锅</span>
                            <span data-value="41" >电炖锅</span>
                            <span data-value="42" >塔吉锅</span>
                            <span data-value="43" >焖烧壶</span>
                            <span data-value="50" >其他</span>
                        </div>


                    </div>
                </li>

                <li class="ingredient clear">
                    <label class="must">食材明细</label>
                    <span class="tip">（新功能：支持添加多组食材，并可以修改食材组名。）</span>

                    <blockquote>
                        <p><span>主料</span><a href="javascript:void(0);" title="修改食材组名" class="edit"></a></p>
                        <div class="J_addDiv">
                            <input type="text"  class="liao"  placeholder="食材名" autocomplete="off">
                            <input type="text"  class="yongliang" placeholder="用量" autocomplete="off">
                        </div>
                    </blockquote>
                    <blockquote>
                        <p><span>辅料</span><a href="javascript:void(0);" title="修改食材组名" class="edit"></a>
                        </p>
                        <div class="J_addDiv">
                            <input type="text"  class="liao"  placeholder="食材名" autocomplete="off">
                            <input type="text"  class="yongliang" placeholder="用量" autocomplete="off">
                        </div>
                    </blockquote>
                    <blockquote>
                        <p><span>调料</span><a href="javascript:void(0);" title="修改食材组名" class="edit"></a><a href="javascript:void(0);" title="删除食材组" class="del"></a></p>
                        <div class="J_addDiv">
                            <input type="text"  class="liao"  placeholder="食材名" autocomplete="off">
                            <input type="text"  class="yongliang" placeholder="用量" autocomplete="off">
                        </div>
                    </blockquote>

                    <div class="J_upload" id="add_ingredient">添加食材组</div>
                </li>

                <li class="step">
                    <label class="must">做法步骤</label><br>
                    <div class="J_upload">批量上传
                        <input multiple class="J_img" id="J_s_cover" type="file" accept="image/png,image/gif,image/jpeg" name="file" onchange="fileChange(this)">
                    </div>
                    <span class="img_status" id="multi_step_status"></span>

                    <div id="dragsort">
                        <blockquote class="cp_block J_blockQ clear">
                            <div class="left2 addicon J_fileImag" >
                                <input type="hidden" value="" name="step_img" class="J_imghidden" />

                                <input type="file" name="file" class="file" accept="image/png,image/gif,image/jpeg" value=""/>
                                <p class="p1">点击上传步骤图</p>
                                <p class="p3">（可不填）</p>


                            </div>
                            <div class="right4">
                                <textArea class="textArea J_input" name="note" placeholder="1、请输入步骤说明" maxlength="200"></textArea>
                                <span class="J_step_num">1、</span> <a href="javascript:void(0);" class="add J_addTextarea">&nbsp;添加一步&nbsp;</a> &nbsp;&nbsp;<a href="javascript:void(0);" class="delete J_delTextarea">&nbsp;删除本步&nbsp;</a> </div>
                        </blockquote>
                        <blockquote class="cp_block J_blockQ clear">
                            <div class="left2 addicon J_fileImag" >
                                <input type="hidden" value="" name="step_img" class="J_imghidden" />
                                <input type="file" name="file" class="file" accept="image/png,image/gif,image/jpeg" value=""/>
                                <p class="p1">点击上传步骤图</p>
                                <p class="p3">（可不填）</p>
                            </div>
                            <div class="right4">
                                <textArea class="textArea J_input" name="note" placeholder="2、请输入步骤说明" maxlength="200"></textArea>
                                <span class="J_step_num">2、</span> <a href="javascript:void(0);" class="add J_addTextarea">&nbsp;添加一步&nbsp;</a> &nbsp;&nbsp;<a href="javascript:void(0);" class="delete J_delTextarea">&nbsp;删除本步&nbsp;</a> </div>
                        </blockquote>
                        <blockquote class="cp_block J_blockQ clear">
                            <div class="left2 addicon J_fileImag" >
                                <input type="hidden" value="" name="step_img" class="J_imghidden" />
                                <input type="file" name="file" class="file" accept="image/png,image/gif,image/jpeg" value=""/>
                                <p class="p1">点击上传步骤图</p>
                                <p class="p3">（可不填）</p>
                            </div>
                            <div class="right4">
                                <textArea class="textArea J_input" name="note" placeholder="3、请输入步骤说明" maxlength="200"></textArea>
                                <span class="J_step_num">3、</span> <a href="javascript:void(0);" class="add J_addTextarea">&nbsp;添加一步&nbsp;</a>&nbsp;&nbsp; <a href="javascript:void(0);" class="delete J_delTextarea">&nbsp;删除本步&nbsp;</a> </div>
                        </blockquote>
                    </div>

                </li>

                <li>
                    <label>小窍门</label><br>
                    <textarea name="tips" class="autosize" id="tips" maxlength="500" placeholder="最多输入500字"></textarea>
                </li>
            </ul>
        </div>


        <input class="btn1" id="postbtn" type="button" value="发布菜谱" data-id="0">

        <form  id="form" >
            <input type="hidden" name="policy" value="eyJleHBpcmF0aW9uIjoiMjAyMi0wNC0xOFQxNjo0MTowMFoiLCJjb25kaXRpb25zIjpbWyJjb250ZW50LWxlbmd0aC1yYW5nZSIsMCwxMDQ4NTc2MDAwXSxbInN0YXJ0cy13aXRoIiwiJGtleSIsImF0dGFjaG1lbnRcL3JlY2lwZVwvMjAyMlwvMDRcLzE4Il1dfQ==">
            <input type="hidden" name="signature" value="3YG51VPrGXZt3Iev2hn0JSIInkk=">
            <input type="hidden" name="OSSAccessKeyId" value="LTAI4Fj7LJHa8oMJLWZbYX2h">
            <input type="hidden" name="callback" value="eyJjYWxsYmFja1VybCI6Imh0dHBzOlwvXC9tZW1iZXIubWVpc2hpY2hpbmEuY29tXC9hamF4XC9hamF4LnBocD9hYz1hbGl5dW5vc3Mmb3A9Y2FsbGJhY2tvc3MiLCJjYWxsYmFja0JvZHkiOiJ1cmw9JHtvYmplY3R9JnNpemU9JHtzaXplfSZtaW1lVHlwZT0ke21pbWVUeXBlfSZoZWlnaHQ9JHtpbWFnZUluZm8uaGVpZ2h0fSZ3aWR0aD0ke2ltYWdlSW5mby53aWR0aH0iLCJjYWxsYmFja0JvZHlUeXBlIjoiYXBwbGljYXRpb25cL3gtd3d3LWZvcm0tdXJsZW5jb2RlZCJ9">
        </form>

    </div><!-- 右侧结束 -->
</div>
</body>
</html>
